// JavaScript Document

//单击图片列表
function showPic(num)
{
    //将所有的li样式赋值为空
    var objUl=FulS();
    for(var i=0;i<objUl.length;i++)
    {
        objUl[i].className="";
    }

    //对单击的进行样式应用
    FliS(num).className="tsSelectImg";

    //得到单击后的图片值
    var src=Fpic(num).getAttribute("tsImgS");

    //进行赋值
    var Objimg=FimgS();

    Objimg.src=Fpic(num).src;


    document.getElementById("tsImgS").getElementsByTagName("a")[0].href=src;

    //图片等比例
    tsScrollResize();

    //设置导航
    tsScrollDh(num);


    //滚动图片定位
    FulSs().style.marginLeft="-"+(tsNum()*tsRowNum()*FliS(0).offsetWidth)+"px";


}
//上一页
function tsScrollArrLeft()
{
    if(tsNum()+1>1)
    {
        //设置导航
        tsScrollDh((tsNum()-1)*tsRowNum());

        //滚动图片定位
        FulSs().style.marginLeft="-"+(tsNum())*tsRowNum()*FliS(0).offsetWidth+"px";

    }
}

//下一页
function tsScrollArrRight()
{
    if(tsNum()+2<=tsRowCount())
    {
        //设置导航
        tsScrollDh((tsNum()+1)*tsRowNum());
        //滚动图片定位
        FulSs().style.marginLeft="-"+(tsNum())*tsRowNum()*FliS(0).offsetWidth+"px";

    }
}



//设置导航,如果不对上面的Img进行操作,那么imgno就要有参数进来
function tsScrollDh(i)
{
    //设置上一页导航
    document.getElementById("tsImgSArrL").setAttribute("showPicNum",i);

    //设置下一页导航
    document.getElementById("tsImgSArrR").setAttribute("showPicNum",i);

}


function tsScrollResize()
{
    var maxWidth=300;
    var maxHeight=300;

    var myimg = FimgS();

    var imgNew = new Image();
    imgNew.src = myimg.src;

    //将myimg存起来，相当于一个参数，不然异步的时候执行太快，一直是最后一张图
    imgNew.preImg=myimg;


    //这个是为了防遨游等浏览器，图片宽、高加为0执行
    if (imgNew.width == 0 || imgNew.height == 0) {
        imgNew.onload=function(){
            tsScrollResizeHd(this,maxWidth,maxHeight,this.preImg);
        };
    }
    else
    {
        tsScrollResizeHd(imgNew,maxWidth,maxHeight,myimg);
    }

}

function tsScrollResizeHd(imgNew,maxWidth,maxHeight,myimg)
{
    var hRatio;
    var wRatio;
    var Ratio = 1;
    var w = imgNew.width;
    var h = imgNew.height;
    wRatio = maxWidth / w;
    hRatio = maxHeight / h;
    if (maxWidth == 0 && maxHeight == 0) {
        Ratio = 1;
    } else if (maxWidth == 0) {
        if (hRatio < 1) Ratio = hRatio;
    } else if (maxHeight == 0) {
        if (wRatio < 1) Ratio = wRatio;
    } else if (wRatio < 1 || hRatio < 1) {
        Ratio = (wRatio <= hRatio ? wRatio: hRatio);
    }
    if (Ratio < 1) {

        w = w * Ratio;
        h = h * Ratio;
    }

    if(h%2!=0)
    {
        h=h-1;
    }

    myimg.height = h;
    myimg.width = w;


    var tsImgsBox=document.getElementById("tsImgS");
    if(myimg.height<300)
    {
        var TopBottom=(300-myimg.height)/2;
        tsImgsBox.style.paddingTop=TopBottom+"px";
        tsImgsBox.style.paddingBottom=TopBottom+"px";
    }
    else
    {
        tsImgsBox.style.paddingTop="0px";
        tsImgsBox.style.paddingBottom="0px";
    }
}

//一行显示几个
function tsRowNum()
{
    return document.getElementById("tsImgSCon").offsetWidth/FliS(0).offsetWidth;
}

//第几行 从0开始
function tsNum()
{
    return Math.floor(document.getElementById("tsImgSArrL").getAttribute("showPicNum")/tsRowNum());
}
//共几行
function tsRowCount()
{
    return Math.ceil(FulS().length/tsRowNum());
}

//返回图片对象
function Fpic(i)
{
    var tsImgSCon=document.getElementById("tsImgSCon").getElementsByTagName("li");
    return src=tsImgSCon.item(i).getElementsByTagName("img")[0];
}
//返回li对象
function FliS(i)
{
    return document.getElementById("tsImgSCon").getElementsByTagName("li")[i];
}

//返回图片列表对象
function FulS()
{
    return document.getElementById("tsImgSCon").getElementsByTagName("li");
}
//查找最大的图
function FimgS(){
    return document.getElementById("tsImgS").getElementsByTagName("img")[0];
}
//查找Ul对象
function FulSs()
{
    return document.getElementById("tsImgSCon").getElementsByTagName("ul")[0];
}

//图片集外面的DIV宽
document.getElementById("tsImgSCon").style.width=FliS(0).offsetWidth*5+"px";

//Ul宽
FulSs().style.width=FliS(0).offsetWidth*FulS().length+"px";

//图片等比例
tsScrollResize();